
// // 节日祝福显隐效果
$(".jieri").click(function () {
  $(this).hide();
});
// // 节日祝福显隐效果
$(".jieri").click(function () {
  $(this).hide();
});
var timer = setTimeout(function () {
  $(".jieri")
    .fadeIn(600)
    .delay(5000)
    .fadeOut(300, function () {
      clearInterval(timer);
    });
}, 1000);

// 首页搜索按钮切换
// $('.search .list').on('click', 'li:not(:last-child)', function() {
//     var text = $(this).data('title');
//     $(this).addClass('active').siblings().removeClass('active')
//     $('.search .btn').find('input').attr('placeholder', text);
// });

//首页公房挂牌滚动条
var num = 0;

var count = $(".news").find("ul").height() / 40; //确定总内容显示行数

function scroll() {
  num++;
  num %= count;
  $(".news ul").animate({
      top: "-" + 40 * num + "px",
    },
    300
  );
}
var timers = setInterval(function () {
  scroll();
}, 6000);

$(".news ul").on("mouseover", function () {
  clearInterval(timers);
  num = 0;
  $(this)
    .animate({
        top: 0,
      },
      10
    )
    .parent(".news")
    .css("overflow", "visible");
});
$(".news ul").on("mouseout", function () {
  timers = setInterval(function () {
    scroll();
  }, 6000);
  $(this).parent(".news").css("overflow", "hidden");
});

// 验证身份证号
function isCardNo(card) {
  // 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
  var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
  if (reg.test(card) === false) {
    console.log("身份证输入不合法");
    return false;
  }
}

// 订住表格表头
function scrollHandle(e) {
  console.log(this);
  var scrollTop = this.scrollTop;
  this.querySelector("thead").style.transform =
    "translateY(" + scrollTop + "px)";
}

$(document).ready(function () {
  // 首页搜索按钮切换
  $(".search .list").on("click", "li:not(:last-child)", function () {
    var text = $(this).data("title");
    $(this).addClass("active").siblings().removeClass("active");
    $(".search .btn").find("input").attr("placeholder", text);
  });

  //登录模块
  // $('#logIn').on('click', function(event) {
  //     event.preventDefault();
  //     if ($('body').hasClass('mask')) {
  //         return;
  //     } else {
  //         $.get("form2.html", function(data) {
  //             $("body").append(data);
  //         });

  //     }
  // });

  // 我要买房页 表单验证

  // 加载区县列表
  // $.each(Districts, function(index, val) {
  //     var str = '<li index="' + index + '">' + val.name + '</li>';
  //     $('.area_list').append(str);
  // });

  // $('.dropdown').on('click', function(event) {
  //     event.stopPropagation();
  //     $('.dropdown-menu').hide();
  //     $('.dropdown').removeClass('bd6 ');
  //     $(this).addClass('bd6').next('.dropdown-menu').show();
  // });

  // $(document).click(function() {
  //     $('.dropdown').removeClass('bd6');
  //     $('.dropdown-menu').hide();
  // });

  // $('.dropdown-menu li').on('click', function() {
  //     var html = $(this).text();
  //     $(this).addClass('current').siblings().removeClass('current');
  //     $(this).parent('.dropdown-menu').prev('.dropdown').html(html);
  // });

  // 文本框获取焦点和失去焦点时的文字状态
  // $('.other').focus(function() {
  //     $(this).html('');
  // });
  // $('.other').blur(function() {
  //     if ($(this).html() == "") {
  //         $(this).html('输入其它购房原因');
  //     }
  // });


  // 注册表单验证------------------end

  //房源详情页
  // 切换收藏与否样式
  // var onOff = true;
  // $(".like").click(function () {
  //   $(this).toggleClass("text-red likes");
  //   if (onOff == true) {
  //     $(this).text("已关注");
  //     $(this).addClass("likes");
  //     onOff = false
  //   } else {
  //     $(this).text("关注");
  //     $(this).removeClass("likes");
  //     onOff = true
  //   }
  // });

  //预约看房
  $(".order").click(function () {
    $(".modal").fadeIn("fast");
    $("body").css("overflow", "hidden");
  });
  // $('.modal').click(function() {
  //     $(this).hide();
  // });
  $(".modal-close").click(function () {
    $(this).parents(".modal").fadeOut("fast");
    $("body").css("overflow", "auto");
  });
  $(".btn-close").click(function () {
    $(this).parents(".modal").fadeOut("fast");
    $("body").css("overflow", "auto");
  });
  $(".btn-sure").click(function () {
    $(this).parents(".modal").fadeOut("fast");
    $(".toast").fadeIn("fast").html("预约成功").delay(1500).fadeOut("fast");
    $("body").css("overflow", "auto");
  });

  // 公房摘挂牌
  //var tableCont = document.querySelector('#table-cont');
  //tableCont.addEventListener('scroll', scrollHandle); //fixed表格表头

  $(".g-nav a").click(function (event) {
    event.preventDefault();
    $(this).addClass("active").siblings().removeClass("active");
    $(".guapai").find("li").eq($(this).index()).show().siblings().hide();
  });

  var imgurl = [
    "../../../img/gyzfsyq_01.jpg",
    "../../../img/gyzfsyq_02.jpg",
    "../../../img/gyzfsyq_03.jpg",
    "../../../img/gyzfsyq_04.jpg",
    "../../../img/gyzfsyq_05.jpg",
  ];
  var imgtitle = [
    "直管公有住房使用权置换免挂牌范围及住户须提供的要件",
    "直管公有住房使用权挂牌代理转让规则",
    "直管公有住房使用权挂牌代理转让挂牌报价须知",
    "直管公有住房使用权挂牌代理转让流程图",
    "直管公有住房使用权置换免挂牌范围",
  ];

  $(".gBox p").click(function () {
    var $index = $(this).index();
    $(".rule-mask").find("img").attr({
      src: imgurl[$index],
      alt: imgtitle[$index],
    });
    $(".rule-mask").show();
  });

  $(".g-close").click(function () {
    $(".rule-mask").hide();
  });

  // 意见反馈模板

  // 意见反馈
  $("#feedback-btn").click(function (e) {
    var feedBox =
      '<div class="modal"><div class="feedback-box"> <form action=""> <h5 class="mb-40 feed-title">意见反馈<span class="modal-close" title="关闭" onclick="feedFade()">X</span></h5> <div class="mb-20"> <h6 class="mb-5 bold">反馈内容</h6> <textarea id="feed-cont" placeholder="我们非常乐意收到您使用网站过程中的感受和意见" autofocus></textarea> </div> <div class="mb-40"> <h6 class="mb-5 bold">联系方式(选填)</h6> <input type="text" id="tel" placeholder="手机号、Email、QQ均可"> </div> <a href="##" class="feedBtn">提交反馈</a> </form></div></div>';
    e.preventDefault();

    $("body").append(feedBox);
    $(".modal").fadeIn();
  });

  $(".modal-close").click(function () {
    $(this).parents(".modal").hide();
  });

  // 房源对比清单
  // 无房源时显示效果
  var emptyCont =
    '<div class="empty-cont"><p class="mb-10">暂无对比房源</p><a href="##">去选房></a></div>';

  // 对比清单显隐
  $(".snav-6,.differ-list").mouseover(function () {
    $(".differ-list").show();
  });
  $(".snav-6,.differ-list").mouseout(function () {
    $(".differ-list").hide();
  });

  // 删除对比房源
  leftLi();
  $(".differ-list .list")
    .find("li")
    .find(".del")
    .click(function () {
      $(this).parents("li").remove();
      leftLi();
    });
  // 清空对比房源列表模块显示效果
  $(".differ-list")
    .find(".clear")
    .click(function () {
      $(".differ-list").html(emptyCont);
    });

  // 添加房源到房源清单
  var amount = 1;
  $(".btn-differ").click(function () {
    if (amount > 4) {
      amount = 4;
      return;
    } else {
      $(".snav-6 .amount").html(amount).show();
      amount++;
      $(this).text("已加入对比").attr("disabled", "disabled");
    }
    if ($('.btn-differ[disabled="disabled"]').length == 4) {
      $(".btn-differ").attr("disabled", "disabled");
    }
  });
}); //结束

function feedFade() {
  $(".modal").remove();
}

function closeModal() {
  $(this).parents(".modal").hide();
}

//删除对比清单里的房源
function leftLi() {
  var len = $(".differ-list .list").find("li").length;
  if (len == 0) {
    // $('.differ-list').html(emptyCont);
    $(".differ-list").html(111);
  } else if (len == 1) {
    $(".btn-compare").addClass("disabled");
  } else {
    $(".btn-compare").removeClass("disabled");
  }
}
